<template>
	<div id="title" class="mb-12 mt-3">
		<h1 class="text-center text-xl font-bold">Frappe Charts Playground</h1>
		<div class="text-center mt-2">
			<a
				class="uppercase text-xs text-gray-600 hover:text-gray-800 font-bold p-2"
				href="https://github.com/frappe/charts"
				>Github</a
			>
			<a
				class="uppercase text-xs text-gray-600 hover:text-gray-800 font-bold p-2"
				href="https://frappe.io/charts/docs"
				>Documentation</a
			>
			<a
				class="uppercase text-xs text-gray-600 hover:text-gray-800 font-bold p-2"
				href="https://t.me/frappecharts"
				>Telegram</a
			>
		</div>
	</div>
</template>

<script>
export default {
	name: "Title",
};
</script>
